@charset "UTF-8";
body,
p,
ul,
ol,
li,
dl,
dt,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
form,
fieldset,
legend,
input,
select,
textarea,
button,
th,
td,
menu {
  margin: 0;
  padding: 0; }

ul,
dl,
ol,
li {
  list-style: none; }

img,
input[type="submit"] {
  border: 0 none; }

em {
  font-style: normal; }

strong {
  font-weight: normal; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

button,
input[type="button"] {
  cursor: pointer;
  border: 0 none; }

a,
button,
input,
img {
  -webkit-touch-callout: none; }

img {
  pointer-events: none;
  /*禁止图片的点击事件，例如长按保存图片*/ }

input,
select,
textarea {
  -moz-outline: none;
  outline: none; }

a {
  color: inherit;
  text-decoration: none; }

a:hover {
  text-decoration: none; }

a:active {
  color: inherit; }

html,
body {
  /*禁止用户选择元素*/
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  -khtml-user-select: none;
  /*禁止元素点击出现半透明黑色背景*/
  -webkit-tap-highlight-color: transparent;
  -webkit-overflow-scrolling: touch; }

html {
  /*height: 100%;*/
  width: 100%;
  outline: 0;
  -webkit-text-size-adjust: none; }

body {
  /*height: 100%;*/
  position: relative; }

* {
  font-family: Helvetica, Tahoma, Arial, STXihei, "华文细黑", "Microsoft YaHei", "微软雅黑", SimSun, "宋体", Heiti, "黑体", sans-serif; }

.fl {
  float: left; }

.fr {
  float: right; }

.clear {
  clear: both; }

.clearfix::after {
  content: "";
  display: block;
  clear: both; }

@-webkit-keyframes abc {
  0% {
    -webkit-transform: scale(3) rotate(0deg);
    transform: scale(3) rotate(0deg); }
  25% {
    -webkit-transform: scale(3) rotate(90deg);
    transform: scale(3) rotate(90deg); }
  50% {
    -webkit-transform: scale(3) rotate(180deg);
    transform: scale(3) rotate(180deg); }
  75% {
    -webkit-transform: scale(3) rotate(270deg);
    transform: scale(3) rotate(270deg); }
  100% {
    -webkit-transform: scale(3) rotate(360deg);
    transform: scale(3) rotate(360deg); } }

@keyframes abc {
  0% {
    -webkit-transform: scale(3) rotate(0deg);
    transform: scale(3) rotate(0deg); }
  25% {
    -webkit-transform: scale(3) rotate(90deg);
    transform: scale(3) rotate(90deg); }
  50% {
    -webkit-transform: scale(3) rotate(180deg);
    transform: scale(3) rotate(180deg); }
  75% {
    -webkit-transform: scale(3) rotate(270deg);
    transform: scale(3) rotate(270deg); }
  100% {
    -webkit-transform: scale(3) rotate(360deg);
    transform: scale(3) rotate(360deg); } }

.web {
  overflow: hidden;
  width: 100%;
  height: 100%;
  background: url(../img/bj.png) no-repeat 50% 50%/cover;
  z-index: 51; }
  .web .cont {
    overflow: hidden;
    width: 100%;
    margin: 0 auto;
    position: relative; }
    .web .cont .bjdh {
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      opacity: 0.5;
      overflow: hidden; }
      .web .cont .bjdh img:first-of-type {
        width: 120%;
        height: 100%;
        position: absolute;
        top: -999px;
        left: -999px;
        right: -999px;
        bottom: -999px;
        margin: auto;
        -webkit-animation: abc 5s infinite linear;
        animation: abc 5s infinite linear;
        -webkit-transform-origin: center center;
        transform-origin: center center;
        z-index: 5; }
      .web .cont .bjdh img:last-of-type {
        width: 100%;
        position: absolute;
        top: -999px;
        left: -999px;
        right: -999px;
        bottom: -999px;
        margin: auto;
        opacity: 0.1;
        z-index: 1; }
    .web .cont .kaig {
      z-index: 10;
      width: 5.175rem;
      height: 4.75rem;
      position: absolute;
      top: 55%;
      left: 53%;
      -webkit-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%); }
      .web .cont .kaig img {
        overflow: hidden;
        position: absolute;
        width: 100%;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%); }
    .web .cont .wenzi {
      width: 100%;
      height: 8rem;
      position: relative;
      margin: 0 auto;
      padding-top: 0.25rem; }
      .web .cont .wenzi .yyy {
        width: 10rem;
        height: 5.275rem;
        position: absolute;
        top: 0;
        left: 0.675rem; }
        .web .cont .wenzi .yyy img {
          width: 80%;
          position: absolute;
          top: 50%;
          left: 50%;
          -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%); }
        .web .cont .wenzi .yyy .zd {
          width: 2.375rem;
          height: 3.25rem;
          position: absolute;
          top: 0.25rem;
          right: -1rem;
          overflow: hidden; }
          .web .cont .wenzi .yyy .zd img {
            width: 80%;
            position: absolute;
            top: 50%;
            left: 50%;
            -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
            z-index: 50; }
        .web .cont .wenzi .yyy .yd {
          width: 2.4rem;
          height: 2.25rem;
          position: absolute;
          top: 1.5rem;
          right: -2.7rem;
          overflow: hidden; }
          .web .cont .wenzi .yyy .yd img {
            width: 80%;
            position: absolute;
            top: 50%;
            left: 50%;
            -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
            z-index: 50; }
    .web .cont .zzz {
      width: 10rem;
      height: 3.75rem;
      position: absolute;
      top: 3.5rem;
      left: 3.05rem;
      overflow: hidden; }
      .web .cont .zzz img {
        width: 95%;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%); }
    .web .cont .game {
      width: 5.425rem;
      height: 1.8rem;
      position: absolute;
      top: 0.75rem;
      right: 0;
      overflow: hidden; }
      .web .cont .game img {
        width: 80%;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        z-index: 99; }
    .web .cont .pz {
      width: 4.5rem;
      height: 10.275rem;
      margin: 0 auto;
      margin-top: 0.25rem;
      position: relative;
      opacity: 0.8; }
      .web .cont .pz img {
        overflow: hidden;
        position: absolute;
        width: 100%;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%); }
    .web .cont .but {
      width: 8.2rem;
      height: 2.5rem;
      margin: 0 auto;
      margin-top: 0.475rem;
      overflow: hidden;
      position: relative;
      z-index: 50; }
      .web .cont .but img {
        overflow: hidden;
        position: absolute;
        width: 100%;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%); }
      .web .cont .but .tuwen {
        width: 6.6rem;
        height: 1.375rem;
        position: absolute;
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        overflow: hidden; }
        .web .cont .but .tuwen img {
          overflow: hidden;
          position: absolute;
          width: 100%;
          top: 50%;
          left: 50%;
          -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%); }
    .web .cont .but2 {
      width: 8.2rem;
      height: 2.5rem;
      margin: 0 auto;
      margin-top: 0.7rem;
      overflow: hidden;
      position: relative;
      z-index: 50; }
      .web .cont .but2 img {
        overflow: hidden;
        position: absolute;
        width: 100%;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%); }
      .web .cont .but2 .tuwen2 {
        position: absolute;
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        width: 4.55rem;
        height: 1.325rem;
        position: relative;
        overflow: hidden; }
        .web .cont .but2 .tuwen2 img {
          overflow: hidden;
          position: absolute;
          width: 100%;
          top: 50%;
          left: 50%;
          -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%); }
  .web .sm {
    width: 100%;
    height: 100%;
    background: url(../img/beijing.png) no-repeat 50% 50%/cover;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 99;
    overflow: hidden;
    -webkit-transform: scale(0);
    transform: scale(0); }
    .web .sm img:first-of-type {
      width: 94%;
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      z-index: 50; }
    .web .sm .sx {
      width: 1.5rem;
      height: 1.35rem;
      position: absolute;
      bottom: 0.5rem;
      right: 0.5rem;
      overflow: hidden; }
      .web .sm .sx img {
        width: 100%;
        position: absolute;
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%); }
